<template>
    <div class="fixed w-full top-0" style="background-color: transparent;">
        <van-nav-bar :left-arrow="coreBaseNavightionStore.haveLeftNav==true" style="background-color: transparent;" :title="coreBaseNavightionStore.title">
            <template #left v-if="coreBaseNavightionStore.haveLeftNav">
                <van-icon :name="coreBaseNavightionStore.leftIconName" size="20" @click="coreBaseNavightionStore.leftArrowClick" :dot="coreBaseNavightionStore.leftHasDot"/>
            </template>
            <template #right v-if="coreBaseNavightionStore.haveRightNav">
                <van-icon :name="coreBaseNavightionStore.rightIconName" size="20" @click="coreBaseNavightionStore.rightArrowClick" :dot="coreBaseNavightionStore.rightHasDot"/>
            </template>
        </van-nav-bar>
    </div>
</template>

<script setup lang="ts">
const coreBaseNavightionStore = useCoreBaseNavightionStore()
</script>

<style scoped></style>